<template>
    <div class="tabbar">
        <Item txt="首页">
            <img slot="normalImg" src="../../assets/ic_tab_home_normal.png"/>
            <img slot="activeImg" src="../../assets/ic_tab_home_active.png"/>
        </Item>
        <Item txt="书影音">
            <img slot="normalImg" src="../../assets/ic_tab_audio_normal.png"/>
            <img slot="activeImg" src="../../assets/ic_tab_audio_active.png"/>
        </Item>
        <Item txt="广播">
            <img slot="normalImg" src="../../assets/ic_tab_broadcast_normal.png"/>
            <img slot="activeImg" src="../../assets/ic_tab_broadcast_active.png"/>
        </Item>
        <Item txt="分组">
            <img slot="normalImg" src="../../assets/ic_tab_group_normal.png"/>
            <img slot="activeImg" src="../../assets/ic_tab_group_active.png"/>
        </Item>
        <Item txt="我的">
            <img slot="normalImg" src="../../assets/ic_tab_mine_normal.png"/>
            <img slot="activeImg" src="../../assets/ic_tab_mine_active.png"/>
        </Item>
    </div>
</template>

<script>
import Item from "./Item"
export default {
    components:{
        Item
    }
}
</script>

<style lang="scss">
    .tabbar{
        position: fixed;
        bottom: 0;
        left:0;
        width:100%;
        height:60px;
        background: pink;
        display: flex;
    }
</style>
